<template>
	<view>
		<button :class="classList[type]">{{text}}</button>
	</view>
</template>

<script>
	export default {
		name: "wzh-button",
		props: {
			text:{
				type: String,
				default:''
			},
			type:{
				type: String,
				default:'1'
			}
		},
		data() {
			return {
				classList:{
					1:'submit_but',
					2:'cancel_but',
					3:'button_a',
				}
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	/* 底部按钮 */
	.submit_but {
		border-radius: 90rpx;
		border-width: 1rpx;
		border-style: solid;
		background-color: #3b73f6;
		text-align: center;
		height: 80rpx;
		width: 335rpx;
		line-height: 80rpx;
		color: #FFFFFF;
		font-size: 30rpx;
	}

	.cancel_but {
		border-radius: 90rpx;
		border-width: 1rpx;
		border-style: solid;
		border-color: #3b73f6;
		text-align: center;
		height: 80rpx;
		width: 335rpx;
		line-height: 80rpx;
		color: #3b73f6;
		font-size: 30rpx;
	}
	.bottom_but{
		display: flex;
	}
	.button_a {
		width: 100%;
		border-radius: 20rpx;
		background-color: #3085ff;
		color: #FFFFFF;
	}
</style>
